<template>
	<div class="headerborder" :style="{ background: data.web.background, color: data.web.color }">
		<div class="header" :style="{ background: data.web.Contentbackground }">
			<el-image v-if="logo" class="logo" :src="'https://webgallery.oss-cn-beijing.aliyuncs.com/' + logo" />
			<headerlist :data="data"></headerlist>
			<div class="headerlist">
				<div @click="$i18n.locale = $i18n.locale == 'zh' ? 'en' : 'zh'" class="iconfont" :class="$i18n.locale == 'zh' ? 'icon-a-zhongyingwenzhongwen' : 'icon-a-zhongyingwenyingwen'"></div>
				<!-- <el-button :icon="address ? Wallet : ''" :type="address ? 'primary' : 'warning'" @click="ConnectWallet">{{ address ? address.substring(0, 4) + '...' + address.slice(-6) : $t('message.ConnectWallet') }}</el-button>
				 -->
				<Linkwallet :defaultchanid="defaultchanid" />
			</div>
		</div>
	</div>
</template>
<script>
	import { Wallet } from '@element-plus/icons-vue'
	import Linkwallet from '@/components/wallet.vue'
	import store from './../store'
	import { mapState } from 'vuex'
	import headerlist from '@/components/headerlist.vue'
	import { checkNetwork, dataRequest as api } from '@/api/api'
	import { ethers } from 'ethers'
	export default {
		props: ['data', 'defaultchanid', 'logo'],
		computed: {
			Wallet() {
				return Wallet // 假设 Edit 是通过 import 引入的 Element Plus 的图标组件
			},
			...mapState(['address', 'chain', 'balance']),
		},
		components: {
			headerlist,
			Linkwallet,
		},
		data() {
			return {}
		},
		name: 'MyComponent',
		methods: {},
		mounted() {},
	}
</script>
<style scoped>
	.headerlist {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		/* 让子元素在主轴上均匀分散 */
		align-items: center;
		gap: 10px;
	}
	.iconfont {
		font-size: 25px;
	}
</style>
<!-- 交易所 -->
<!-- 左右文本 -->
<!-- 上下文本 -->
<!-- 富文本 -->
